<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input标签</title>
    <link rel="stylesheet" type="text/css" href="../assets/css/base.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/common.css">
</head>

<body>
    <!-- autocomplete密码的自动填充: 
        off 、 on ：都会自动填充浏览器保存的账号密码
        new-password:不自动填充
     -->
    <input class="commonBox" type="password" autocomplete='new-password'>
    <!-- 自动聚焦 -->
    <input class="commonBox" type="text" autofocus>
    <!-- 带下拉搜索 -->
    <div class="marginCenter">
        <input class="commonBox" type="text" autocomplete="on" list="tips">
        <datalist id="tips">
            <option value="你"></option>
            <option value="去"></option>
            <option value="做"></option>
            <option value="饭"></option>
        </datalist>
    </div>
</body>

</html>